{extend name='public/layout' /}
{block name='content'}

<div>
    <div class="group_show01">
        <div class="main">
            <div class="position"><p><span>更新时间：{:date("Y年m月d日")}</span>您当前的位置：<a href="{:url('Index/index')}">{$site.title}</a> > <a href="{:url('Tuangou/index')}">团购</a>&gt;{$info.title}</p></div>
            <div class="group_show02">
                <div class="group_show02_l detail_slide">
                    <div class="g_s1">
                        <span class="arr01"></span>
                        <div class="small_list">
                        <ul>
                            <li class="on">
                                <img src="{$info.img}" width="96" height="70">
                            </li>
                            {volist name='info.file' id='vo'}
                            <li><img src="{$vo.url}" width="96" height="70" /></li>
                            {/volist}
                           </ul>
                        </div>
                        <span class="arr02"></span>
                    </div>
                    <div class="n_h_simg01 large_box">
                        <ul>
                            <li>
                                <img src="{$info.img}" width="600" height="455">
                            </li>
                            {notempty name='info.file'}
                            {volist name='info.file' id='vo'}
                            <li style="display: none;">
                                <img src="{$vo.url}" width="600" height="455">
                            </li>
                            {/volist}
                            {/notempty}
                        </ul>
                    </div>
                </div>
                <div class="group_show02_r">
                    <div class="g_s2">
                        <b><a href="javascript:;">{$info.title}</a></b>
                        <p>{$house.address}</p>
                        <p>{$info.tese}</p>
                    </div>
                    <div class="g_s3">
                        <div class="g_tuang"><img src="__IMG__/ico28.png" width="128" height="132"></div>
                        <div class="g_s3_n1">
                            <b> 团购价 {$info.price}元/平米 </b>
                            <p><span>{$info.youhui}</span><span>全程专车接送</span></p>
                        </div>
                        <div class="g_s3_n2">已有<i>{$info.buy_num}</i>人报名团购</div>
                        <div class="g_s3_n3">
                            <b>距离报名结束时间倒计时</b>
                            <p><span class="text22 time-remain" data-down="{$info.end_time-time()}"><i class="text22" time_id="d">0</i> 天 <i class="text22" time_id="h">0</i> 时 <i class="text22" time_id="m">0</i>分  <i class="text22" time_id="s">0</i>秒</span></p>
                            <a href="javascript:;" data-uri="{:url('Ajax/tuangou',['id'=>$info['id'],'type'=>4])}" class="J_dialog but20">我要报名</a>
                        </div>
                        <div class="g_s3_n4">
                            {include file='public/share' /}
                        </div>

                    </div>
                </div>
            </div>


        </div>
    </div>
    <div class="main m_t_15 overflow_h">
        <div class="groupDeta">
            <div class="body_title">
                <ul>
                    <li><a href="javascript:;" class="selected">项目详情</a></li>
                </ul>
            </div>
            <div class="SjD_LeftSm_content" style="border-bottom:0">
                {$info.info}
            </div>
            <div class="body_title">
                <ul>
                    <li><a href="javascript:;" class="selected">团购申明</a></li>
                </ul>
            </div>
            <div class="SjD_LeftSm_content" style="border-bottom:0">
                {$explain}
            </div>
        </div>
        <div class="body_right">
            <div class="group_body_r01">
                <h1>服务热线</h1>
                <h2>{$site.telphone}</h2>
                <p>工作时间：周一到周日8:30-18:00</p>
            </div>
            <div class="group_body_r02"><h2>团购服务中心</h2><p><span class="group_ico group_ico_01">免费接机</span><span class="group_ico group_ico_02">旅游看房</span><span class="group_ico group_ico_03">置业顾问</span></p></div>
            <div class="group_body_r03">
                {volist name='qq' id='vo'}
                <p>客服{$i}：<span class="org05"><a href="http://wpa.qq.com/msgrd?v=3&uin={$vo}&site=qq&menu=yes" target="_blank">{$vo}</a></span></p>
                {/volist}
            </div>
            <div class="m_t_15">
                <div class="title01"><span class="more"><a href="{:url('Loupan/index')}">更多 ></a></span>热门楼盘</div>
                <div class="hot_h">
                    {include file='loupan/hot' /}

                </div>
            </div>
        </div>

    </div>
</div>
<script src="__PUBLIC__/js/layer/layer.js"></script>
<script src="__JS__/imgList/js/carousel.min.js"></script>
<script>
    $(function(){
        setTimeout(takeCount,1000);
        $(".detail_slide").thumbnailImg({
            large_elem: ".large_box",
            small_elem: ".small_list",
            left_btn: ".arr01",
            right_btn: ".arr02"
        });
    });
    function takeCount() {
        setTimeout("takeCount()", 1000);
        $(".time-remain").each(function(){
            var obj = $(this);
            var tms = obj.data("down");
            if (tms>0) {
                tms = parseInt(tms)-1;
                var days = Math.floor(tms / (1 * 60 * 60 * 24));
                var hours = Math.floor(tms / (1 * 60 * 60)) % 24;
                var minutes = Math.floor(tms / (1 * 60)) % 60;
                var seconds = Math.floor(tms / 1) % 60;

                if (days < 0) days = 0;
                if (hours < 0) hours = 0;
                if (minutes < 0) minutes = 0;
                if (seconds < 0) seconds = 0;
                obj.find("[time_id='d']").html(days);
                obj.find("[time_id='h']").html(hours);
                obj.find("[time_id='m']").html(minutes);
                obj.find("[time_id='s']").html(seconds);
                obj.data("down",tms);
            }
        });
    }
</script>
<script>
    $(function(){
        $('.J_dialog').bind('click',function(){
            var url = $(this).data('uri');
            layer.open({
                type: 2,
                title: false,
                area: ['500px', '400px'],
                shade: 0,
                closeBtn: 1,
                shadeClose: true,
                content:url
            });
        });
    });
</script>
{/block}